<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form表单插件</title>
<script type="text/javascript" src="lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="lib/jquery.form.js"></script>
<style type="text/css">
	body{font-size:13px}
	.divInit{width:390px;height:55px;line-height:55px;padding-left:20px}
	.txtInit{border:#666 1px solid;padding:3px;background-image:url('../Images/005.gif')}
	.spnInit{width:179px;height:40px;line-height:40px;float:right;margin-top:8px;padding-left:10px;background-repeat:no-repeat}
	
	.divBlur{background-color:#FEEEC2}
	.txtBlur{border:#666 1px solid;padding:3px;background-image:url('../Images/002.gif')}
	.spnBlur{background-image:url{'../Images/003.gif'}}
	
	.divFocu{background-color:#EDFFD5}
	.spnSucc{background-image:url('../Images/004.gif');margin-top:20px}
</style>
<script type="text/javascript">
	$(function(){
		var options={
				url:"login.jsp",
				//将服务器返回的数据显示在ID为divData元素中
				target:"#divData"
		};
		$("#frmUserInfo").ajaxForm(options);
	})
	
	
</script>
</head>
<body>
	<form id="frmUserInfo" method="get" action="#">
		<div class="divFrame">
			<div class="divTitle">请输入下列资料</div>
			<div class="divContent">
				<div>
					用户名：<br/>
					<input id="username" name="username" type="text" class="txt"/>
					<font color="red">*</font><br/><span></span>
				</div>
				<div>
					密码：<br/>
					<input id="userpass" name="userpass" type="password" class="txt"/>
					<font color="red">*</font><br/><span></span>
				</div>
			</div>
			<div class="divBtn">
				<input id="sbtUser" type="submit" value="提交" class="btn"/>
			</div>
			<div id="divData"></div>
		</div>
	</form>


</body>
</html>